$(function() {
  // 渲染左侧一级分类
  $.ajax({
    type: "get",
    url: "/category/queryTopCategory",
    dataType: "json",
    success: function(res) {
      //成功的回调函数
      console.log(res);
      // 组合渲染
      $(".cate-aside ul").html(template("tmp-one", res));
    }
  });

  // 根据左侧一级分类，渲染右侧的二级分类
  // 怎么样动态生成id
  function secondCate(id) {
    $.ajax({
      type: "get",
      url: "/category/querySecondCategory",
      data: {
        id: id
      },
      dataType: "json",
      success: function(res) {
        //成功的回调函数
        console.log(res);
        // 组合渲染
        $(".cate-content").html(template("tmp-two", res));
      }
    });
  }
  secondCate(1);

  // 点击左侧一级分类，切换对应的二级分类，对应的一级分类高亮。
  $(".cate-aside ul").on("click", "a", function() {
    // 实现高亮
    $(this)
      .parent()
      .addClass("current")
      .siblings()
      .removeClass("current");
    // 渲染对应的右侧，调用方法传递id
    secondCate($(this).data("id"));
  });
});
